@import "viewBasic";

.view {
  .note {
    text-align: center;
  }

  .choice {
    width: 90%;
    margin: 20px auto;
    text-align: center;

    button {
      .startBtn();
      @L: 45px;
      width: @L;
      height: @L;
      margin: 5px;
      display: inline-block;
      text-align: center;
      line-height: @L;
      padding: 0;
    }

  }

  .go {
    .startBtn();
  }

  .renew {
    .startBtn();
  }

  .inputArea {
    @L: 30px;

    .line {
      height: @L;
      text-align: center;

      .inputBox {
        //display: block;
        //float: left;
        height: 100%;
        width: @L;
        background-color: transparent;
        //margin: 2px;
        border-radius: 10%;
        border: solid 1px gray;

        color: white;
        line-height: @L;
        text-align: center;
        font-size: 20px;
        .ENG();
      }
    }
  }

  .output {
    width: 80%;
    margin: 10px auto;
    background-color: #222;
    border-radius: 10px;
    min-height: 100px;
    text-align: center;
    line-height: 100px;
  }

}
